
/*
Elements
*/

html {
	margin : 0;
	width : 100%;
	height : 100%;
	font-family: 'Dosis', sans-serif;
	font-weight : 300;
	font-size : 12pt;
	color : #2C2C2C;
	overflow-x : hidden;
}
body {
	margin : 0;
	width : 100%;
	height : 100%;
	background-color : #FFF;
	font-size : 100%;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: element;
	-ms-user-select: none;
	user-select: none;
	overflow-x : hidden;
}
#top {
	background : #FFF;
	width : 100%;
	height : 100px;
	line-height : 100px;
	border-bottom : 1px solid #E0E0E0;
	position : fixed;
	z-index : 100;
}
#top p.infoslogged {
	margin-left : 30px;
	display : inline-block;
	float : left;
}
#top p.logout {
	display : inline-block;
	float : right;
	margin-right : 30px;
}
#menu {
	margin-top : 100px;
	margin-left : 30px;
	width : 100%;
	height : 100px;
	line-height : 100px;
}
#menu li {
	display : inline;
	margin-right : 12px;
}
#menu li a {
	color : #AAA;
}
#menu li a.selected {
	font-weight : 500;
	color : #4C4C4C;
}
#menu li a:hover {
	font-weight : 500;
	color : #4C4C4C;
}
#menu p.title {
	width : auto;
	text-align : center;
}
.clickPrevent {
	position : fixed;
	z-index : 30000;
	width : 100%;
	height : 100%;
	filter:alpha(opacity=0);
    -moz-opacity:8;
    -khtml-opacity: 8;
    opacity: 8;
	display : none;
}
.clickPrevent .bg {
	background : #FFF;
	position : absolute;
	filter:alpha(opacity=80);
    -moz-opacity:0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
	width : 100%;
	height : 100%;
	z-index : 30001;
}
.response {
	z-index : 30002;
	background : #FFF;
	position : absolute;
	top : 50%;
	left : 50%;
	margin-top : -40px;
	margin-left : -200px;
	width : 400px;
	min-height : 80px;
	padding : 25px;
	text-align : center;
	border : 1px solid #E0E0E0;
	border-top : 2px solid #E0E0E0;
}
.response p.text {
	margin-top : 20px;
	color : #888;
	font-size : 10pt;
	text-transform : uppercase;
	display : block;
}
.response p {
	display : inline;
}
.response p.ajax-loader {
	margin-top : 20px;
	display : block;
}
.response p.text {
	margin : 20px 0 20px 0;
	display : block;
}
.contentloader {
	margin-top : 30px;
}
.drag-bt {
	background : url('../img/drag-bt.png') center center no-repeat;
	position : absolute;
	width : 20px;
	height : 30px;
	top : 50%;
	left : 10px;
}
.drag-bt:hover {
	cursor: w-resize;
}
.manager {
	margin : 50px 0 0 30px;
	text-align : left;
	height : auto;
}
.table {
	display : table;
}
.row {
	display : table-row;
}
.col {
	display : table-cell;
}
.item {
	position : relative;
	text-align : center;
	border : 1px solid #E0E0E0;
	margin-right : 10px;
	display : inline-block;
	width : 600px;
	overflow : hidden;
}
.item .queries {
	padding : 10px;
	float : left;
	width : 350px;
	height : auto;
}
.item .queries form {
	width : 350px;
	text-align : left;
	margin : 5px;
}
.item input[type="text"] {
	border : none;
	text-align : left;
	width : 93%;
	border : 1px solid #E0E0E0;
	color : #AAA;
}
.item textarea {
	border : none;
	overflow : hidden;
	text-align : left;
	width : 93%;
	min-height : 100px;
	border : 1px solid #E0E0E0;
	resize : none;
	color : #AAA;
}
.item .output {
	position : absolute;
	margin-left : 12px;
	right : 0;
	width : 215px;
	height : 100%;
	border-left : 1px solid #E0E0E0;
	padding-top : 5px;
}
.item .output .progress {
	background-color : #CCC;
	width : 80%;
	height : 4px;
	margin : 3px;
	margin-left : 10px;
}
.item .output .progress .int {
	background-color : #000;
	width : 0%;
	height : 4px;
}
.item .output p {
	position : absolute;
	top : 50%;
	margin-top : -32px;
	height : 64px;
	width : 100%;
	text-align : center;
	vertical-align : middle;
}
.item .output .thumb {
	display : inline-block;
	width : 80%;
	height : 37px;
	margin : 3px;
	border : 1px solid #CCC;
}
.item .output .productsadds {
	background-repeat : no-repeat;
	background-position : center center;
}
.item .output .products {
	background-repeat : no-repeat;
	background-position : center center;
	background-size : cover;
}
.item .output .abilites {
	background-repeat : no-repeat;
	background-position : center center;
	background-size : cover;
}
.item .output .news {
	background-repeat : no-repeat;
	background-position : center center;
	background-size : cover;
}
.item .output .thumb a {
	display : block;
	width : 100%;
	height : 37px;
}
.outputhover {
	border : 1px solid #E0E0E0;
}
.mainActions {
	margin-bottom : 30px;
}
a.delete-img {
	display : inline-block;
	background : #FFF url('../img/delete-img-bt.png') center center no-repeat;
	width : 20px;
	height : 37px;
	margin : 3px;
}
.item .update-bt {
	display : inline-block;
	position : relative;
	float : left;
	background : url('../img/update-bt.png') center center no-repeat;
	width : 25px;
	height : 25px;
	padding : 0;
	margin : 0 10px 15px 10px;
}
.item .delete-bt {
	display : inline-block;
	position : relative;
	float : left;
	background : url('../img/delete-bt.png') center center no-repeat;
	width : 25px;
	height : 25px;
	padding : 0;
	margin : 10 0 15px 10px;
}
a.updateall-bt {
	clear : both;
	width : 80px;
	text-align : center;
	padding : 10px;
	border : 1px solid #E0E0E0;
	display : inline-block;
	color : #AAA;
}
a.delselected-bt {
	width : 260px;
	text-align : center;
	padding : 10px;
	border : 1px solid #E0E0E0;
	display : inline-block;
	color : #AAA;
}
a.create-bt {
	width : 80px;
	text-align : center;
	padding : 10px;
	border : 1px solid #E0E0E0;
	display : inline-block;
	color : #AAA;
}
.mainActions a:hover {
	background-color : #20A8FE;
	color : #FFF;
}
input[type="checkbox"] {
	width : 22px;
	height : 22px;
}
input[type="text"] {
	padding : 8pt;
	font-family: 'Dosis', sans-serif;
	border : 1px solid #E0E0E0;
}
input[type="file"] {
	font-family: 'Dosis', sans-serif;
	border : 1px solid #E0E0E0;
	background :#FFF;
}
input[type="password"] {
	padding : 8pt;
	font-family: 'Dosis', sans-serif;
	border : 1px solid #E0E0E0;
}
input[type="submit"] {
	padding : 10pt;
	font-family: 'Dosis', sans-serif;
	background : #FFF;
	border : 1px solid #E0E0E0;
}
textarea {
	font-family: 'Dosis', sans-serif;
	outline : none;
	padding : 8pt;
}
textarea:focus {
	outline : none;
}
input[type="password"]:focus {
	outline : none;
}
input[type="text"]:focus {
	outline : none;
}
input[type="submit"]:focus {
	outline : none;
}

/*
CALENDAR
*/

.calendar {
	font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, sans-serif;
	font-size: 0.9em;
	background-color: #EEE;
	color: #333;
	border: 1px solid #DDD;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 0.2em;
	width: 14em;
}

.calendar .months {
	background-color: #F6AF3A;
	border: 1px solid #E78F08;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #FFF;
	padding: 0.2em;
	text-align: center;
}

.calendar .prev-month,
.calendar .next-month {
	padding: 0;
}

.calendar .prev-month {
	float: left;
}

.calendar .next-month {
	float: right;
}

.calendar .current-month {
	margin: 0 auto;
}

.calendar .months .prev-month,
.calendar .months .next-month {
	color: #FFF;
	text-decoration: none;
	padding: 0 0.4em;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	cursor: pointer;
}

.calendar .months .prev-month:hover,
.calendar .months .next-month:hover {
	background-color: #FDF5CE;
	color: #C77405;
}

.calendar table {
	border-collapse: collapse;
	padding: 0;
	font-size: 0.8em;
	width: 100%;
}

.calendar th {
	text-align: center;
}

.calendar td {
	text-align: right;
	padding: 1px;
	width: 14.3%;
}

.calendar td span {
	display: block;
	color: #1C94C4;
	background-color: #F6F6F6;
	border: 1px solid #CCC;
	text-decoration: none;
	padding: 0.2em;
	cursor: pointer;
}

.calendar td span:hover {
	color: #C77405;
	background-color: #FDF5CE;
	border: 1px solid #FBCB09;
}

.calendar td.today span {
	background-color: #FFF0A5;
	border: 1px solid #FED22F;
	color: #363636;
}

/*
STYLES
*/

@font-face {
    font-family : 'BariolRegular';
    src : url('../css/font/bariol_regular-webfont.eot') format('eot'),
         url('../css/font/bariol_regular-webfont.svg') format('svg'),
         url('../css/font/bariol_regular-webfont.ttf') format('truetype');
    font-weight : normal;
    font-style : normal;
}
.bariol-regular {
	font-family: "BariolRegular", Arial, sans-serif;
}
@font-face {
    font-family : 'BariolBold';
    src : url('../css/font/bariol_bold-webfont.eot') format('eot'),
         url('../css/font/bariol_bold-webfont.svg') format('svg'),
         url('../css/font/bariol_bold-webfont.ttf') format('truetype');
    font-weight : normal;
    font-style : normal;
}
.bariol-bold {
	font-family: "BariolBold", Arial, sans-serif;
}
@font-face {
    font-family : 'BariolLight';
    src : url('../css/font/bariol_light.eot') format('eot'),
         url('../css/font/bariol_light.svg') format('svg'),
         url('../css/font/bariol_light.ttf') format('truetype');
    font-weight : normal;
    font-style : normal;
}
.bariol-light {
	font-family: "BariolLight", Arial, sans-serif;
}
.dosis-light {
	font-family: 'Dosis', sans-serif;
	font-weight : 200;
}
.size6 {
	font-size : 6pt;
}
.size10 {
	font-size : 10pt;
}
.size12 {
	font-size : 12pt;
}
.size14 {
	font-size : 14pt;
}
.size16 {
	font-size : 16pt;
}
.size20 {
	font-size : 20pt;
}
.size25 {
	font-size : 25pt;
}
.size30 {
	font-size : 30pt;
}
.size35 {
	font-size : 35pt;
}
.size40 {
	font-size : 40pt;
}
.size45 {
	font-size : 45pt;
}
.size60 {
	font-size : 60pt;
}
.size75 {
	font-size : 75pt;
}
.bold {
	font-weight : bold;
}
.italic {
	font-style : italic;
}
.white {
	color : #FFFFFF;
}
.parme {
	color : #EA6868;
}
.black {
	color : #000000;
}
.grey01 {
	color : #888888;
}
.grey02 {
	color : #666666;
}
.grey03 {
	color : #444;
}
.brown01 {
	color : #818963;
}
.blue01 {
	color : #CCD9DD;
}
.blue01 a {
	color : #CCD9DD;
}
.green01 a {
	color : #FFFFFF;
}
.green01 a:hover {
	color : #C2C9B8;
}
.orange01 {
	color : #C30;
}
.lighter {
	font-weight : lighter;
}
.uppercase {
	text-transform : uppercase;
}
.justify {
	text-align : justify;
}
.letterspacing2 {
	letter-spacing : 2px;
}
.letterspacing4 {
	letter-spacing : 4px;
}
.letterspacing5 {
	letter-spacing : 5px;
}
.letterspacing10 {
	letter-spacing : 10px;
}
.links a {
	color : #FFFFFF;
}
.links a:hover {
	color : #FFF;
}
.paddingtop15 {
	padding-top : 15px;
}
.paddingtop30 {
	padding-top : 30px;
}
.paddingbottom15 {
	padding-bottom : 15px;
}
.textalignleft {
	text-align : left;
}
.alignleft {
	text-align : left;
}
.underline {
	text-decoration : underline;
}

/*
Standard
*/

ul {
	padding : 0;
	margin : 0;
}
li {
	list-style : none;
}
a {
	text-decoration : none;
}
a:focus {
	outline: none;
}
img:focus {
	outline: none;
}
img {
	border : none;
}
p {
	padding : 0;
	margin : 0;
}